<template>
	<view class="operatingArea">
		<view class="operatingArea_box">
			<view class="operatingArea_box_ul my-pdl-15" v-for="(item,index) in list" :key="item.id" @click="goBind(item)">
				<image :src="item.icon" class="fir_img" mode=""></image>
				<view class="bor_li">
					<view class="two_txt">{{item.txt}}</view>
					<image src="https://hxc-pay.oss-cn-shenzhen.aliyuncs.com/wQnZZqNAjB_rightarrow_icon.png" class="thr_img" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"operatingArea",
		data() {
			return {
				list:[
					{id:1,url:'/pages/my/shippingAddress',txt:'收货地址',icon:'https://hxc-pay.oss-cn-shenzhen.aliyuncs.com/zHAokaVzQH_address_icon.png'},
					{id:2,url:'/pages/my/upgradeCoupon',txt:'购机券',icon:'https://hxc-pay.oss-cn-shenzhen.aliyuncs.com/qEjWzqkzne_coupon_icon.png'},
					{id:3,url:'/pages/my/bankCard',txt:'账户设置',icon:'https://hxc-pay.oss-cn-shenzhen.aliyuncs.com/dICJGWtYuI_card_icon1.png'},
					{id:4,url:'',txt:'版本信息',icon:'https://hxc-pay.oss-cn-shenzhen.aliyuncs.com/ouRTyVXdbR_version_icon.png'},
				]
			};
		},
		props:{
			openBank:Boolean,
		},
		methods:{
			goBind(item){
				if(item.id===1||item.id===2){
					uni.navigateTo({
						url:item.url
					})
				}
				//whc4-20 openbank 去掉了
				//else if(item.id===3&&this.openBank){
				else if(item.id===3){
					uni.navigateTo({
						url:item.url
					})
				}
				else{
					uni.showToast({
						title:"暂未开放",
						icon:"none"
					})
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.operatingArea{
		width: 100%;
		.operatingArea_box{
			width: 100%;
			height: 360rpx;
			background: #FFFFFF;
			.operatingArea_box_ul{
				width: 100%;
				height: 90rpx;
				display: flex;
				align-items: center;
				.fir_img{
					width: 30rpx;
					height: 30rpx;
					margin-right: 25rpx;
				}
				.bor_li{
					width: 100%;
					height: 100%;
					display: flex;
					align-items: center;
					border-bottom: 1rpx solid #F2F2F2;
					.two_txt{
						width: 93%;
						line-height: 90rpx;
						font-size: 28rpx;
						font-weight: 500;
						color: #333333;
					}
					.thr_img{
						width: 17rpx;
						height: 18rpx;
					}
				}
			}
		}
	}
</style>
